<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>系统管理</title>
    <!-- <link href="http://cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="./css/htmleaf-demo.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/myplan.css">
    <link rel="stylesheet" href="./css/production.css">
    <link rel="stylesheet" href="./css/management.css">
    <script src="./js/jquery.min.js"></script>
</head>

<body>


    <div class="plan-content">
        <div class="panel-group" id="accordion">
            <div class="panel biao">
                <div class="panel-heading">
                    <h4 class="panel-title "><a href="#">组织机构</a> </h4>
                </div>
            </div>
            <div class="panel biao">
                <div class="panel-heading">
                    <h4 class="panel-title "><a href="#">角色权限</a> </h4>
                </div>
            </div>
            <div class="panel biao">
                <div class="panel-heading">
                    <h4 class="panel-title "><a href="#">用户管理</a> </h4>
                </div>
            </div>
            <div class="panel biao">
                <div class="panel-heading">
                    <h4 class="panel-title "><a href="#">注册申请审核</a> </h4>
                </div>
            </div>
        </div>
        <div class="yuyecontent">
            <div class="plan-control">
                <div class="plan-control-top">
                    <ul>
                        <li><a href="">渔业资源管理系统</a></li>
                        <li>/</li>
                        <li><a href="">生产主体库</a></li>
                        <li>/</li>
                        <li><a href="">生产主体库</a></li>
                        <li> </li>
                    </ul>
                </div>
                <hr>
                <div class="contentBd">
                    <div class="biaodan team">
                        <div class="findRww">
                            <div class="findRwdiv">
                                <span>组织机构</span>
                                <button class="btn btn-primary newmage">+ 新建</button>
                            </div>
                            <hr>
                            <ul>
                                <li class="sureName5">
                                    <input type="text" class="form-control" placeholder="输入关键字进行过滤"><span>0/20</span>
                                </li>
                                <li><select class="form-control">
                                        <option value="">南海区</option>
                                        <option value="">南海区2</option>
                                        <option value="">南海区23</option>
                                    </select></li>
                            </ul>
                        </div>
                        <form action="">
                            <div class="information form-group account ">
                                <label class="control-label"><sup>*</sup>机构名称</label>
                                <input type="text" class="form-control " name="username">
                            </div>
                            <div class="information form-group phonenum card ">
                                <label class="control-label"><sup>*</sup>机构简称</label>
                                <input type="text" class="form-control" name="username">
                            </div>
                            <div class="information form-group inline">
                                <label>上级机构</label>
                                <select class="form-control">
                                    <option value="">请选择 </option>
                                </select>
                            </div>
                            <div class="information form-group sureName6">
                                <label class="control-label align-items-center"><sup>*</sup>机构编号</label>
                                <input type="text" class="form-control" name="password">
                            </div>
                            <div class="information form-group phonenum phones ">
                                <label class="control-label"><sup>*</sup>联系人</label>
                                <input type="text" class="form-control" name="phonename">
                            </div>
                            <div class="information form-group phonenum phones ">
                                <label class="control-label"><sup>*</sup>联系电话</label>
                                <input type="text" class="form-control" name="phonename">
                            </div>

                            <div class="information form-group inline">
                                <label><sup>*</sup>所在地址</label>
                                <select class="form-control">
                                    <option value="">请选择 </option>
                                </select>
                            </div>
                            <div class="information form-group phonenum">
                                <label class="control-label"><sup>*</sup>详细地址</label>
                                <input type="text" class="form-control" name="username">
                            </div>
                            <div class="information reason form-group account why">
                                <label class="control-label">
                                    <p>备注</p>
                                </label>
                                <textarea class="form-control" name="password"></textarea>
                            </div>
                        </form>
                    </div>
                    <div class="biaodan power-control">
                        <form action="" class="form-control plan-control-nav">
                            <label for="renwu" class="label-control sureName">任务名称
                                <input type="text" class="form-control" id="renwu"><span>0/20</span>
                            </label>
                            <label for="renwu" class="label-control">任务名称
                                <select class="form-control selectpicker" id="">
                                    <option value="" hidden selected disabled>请选择任务1</option>
                                    <option value="">请选择任务</option>
                                    <option value="">请选择任务</option>
                                </select>
                            </label>
                            <button type="submit" class="btn btn-primary">查询</button>
                            <button type="reset" class="btn">重置</button>
                        </form>
                        <div class="htmleaf-container">
                            <div class="">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped table-hover" id="mytable">
                                                <thead>
                                                    <tr>
                                                        <td></td>
                                                        <td>角色编号</td>
                                                        <td>角色名称</td>
                                                        <td class="col-md-2">创建时间</td>
                                                        <td class="col-md-1">创建人</td>
                                                        <td class="col-md-1">有效</td>
                                                        <td class="col-md-2">角色描述</td>
                                                        <td><button class="btn btn-primary addTab newselect">+
                                                                新建</button></td>
                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td><input type="checkbox"></td>
                                                        <td>NHQ15302</td>
                                                        <td>系统管理员</td>
                                                        <td>2021-08-05 01:51:00</td>
                                                        <td>admin</td>
                                                        <td>√</td>
                                                        <td>系统管理员11111111111</td>
                                                        <td class="text-primary">
                                                            <div class="btn-group ">
                                                                <button type="button"
                                                                    class="btn btn-sm btn-default amend">
                                                                    <span class="glyphicon glyphicon-pencil"> </span>
                                                                </button>
                                                                <button type="button"
                                                                    class="delet btn btn-sm btn-default">
                                                                    <span class="glyphicon glyphicon-trash"> </span>
                                                                </button>
                                                                <button type="button"
                                                                    class="sure btn btn-sm btn-default"
                                                                    style="display:none;">
                                                                    <span class="glyphicon glyphicon-ok"> </span>
                                                                </button>
                                                                <button type="button"
                                                                    class="back btn btn-sm btn-default"
                                                                    style="display:none;">
                                                                    <span class="glyphicon glyphicon-remove"> </span>
                                                                </button>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <div class="page">
                                                <div class="nextPage btn btn-info">下一页</div>
                                                <div class="beforePage btn btn-info">上一页</div>
                                                <div class="lastPage btn btn-info">最后一页</div>
                                                <ul class=""></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="biaodan user-control">
                        <div class="findRww">
                            <div class="findRwdiv">
                                <span>组织结构</span>

                            </div>
                            <hr>
                            <ul>
                                <li>请选择任务</li>
                                <li>
                                    <p class="form-control">1-里水镇采集01/373</p><button class="btn btn-muted">未选择</button>
                                </li>
                            </ul>
                        </div>
                        <div class="">
                            <form action="" id="data">
                                <label for="renwu" class="label-control">用户等级
                                    <select class="form-control selectpicker" id="">
                                        <option value="" hidden selected disabled>请选择任务1</option>
                                        <option value="">请选择任务</option>
                                        <option value="">请选择任务</option>
                                    </select>
                                </label>
                                <label for="renwu" class="label-control sureName2">身份证号
                                    <input type="text" class="form-control" id="renwu"><span>0/18</span>
                                </label>
                                <label for="renwu" class="label-control sureName3">手机号码
                                    <input type="text" class="form-control" id="renwu"><span>0/30</span>
                                </label>
                                <label for="renwu" class="label-control sureName4">用户名
                                    <input type="text" class="form-control" id="renwu"><span>0/20</span>
                                </label>
                                <button type="submit" class="btn btn-primary">查询</button>
                                <button type="reset" class="btn">重置</button>
                            </form>
                            <div class="user-right">
                                <div class="">
                                    <div class="table-responsive">
                                        <table class="table table-bordered table-striped table-hover" id="mytable2">
                                            <thead>
                                                <tr>
                                                    <td>ID</td>
                                                    <td>登录账号</td>
                                                    <td>姓名</td>
                                                    <td>手机</td>
                                                    <td>部门</td>
                                                    <td>状态</td>
                                                    <td class="col-md-2"><button
                                                            class="btn btn-primary addTab newusers">新增</button>
                                                        <button class="btn btn-danger">导入</button>
                                                    </td>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>256</td>
                                                    <td>13161111111</td>
                                                    <td>西樵镇数据采集08231141</td>
                                                    <td>13161111111-上进欧村-鱼塘-150</td>
                                                    <td>西樵镇</td>
                                                    <td>审核通过</td>
                                                    <td class="text-primary">查看 <div class="btn-group ">
                                                            <button type="button" class="btn btn-sm btn-default amend">
                                                                <span class="glyphicon glyphicon-pencil"> </span>
                                                            </button>
                                                            <button type="button" class="delet btn btn-sm btn-default">
                                                                <span class="glyphicon glyphicon-trash"> </span>
                                                            </button>
                                                            <button type="button" class="sure btn btn-sm btn-default"
                                                                style="display:none;">
                                                                <span class="glyphicon glyphicon-ok"> </span>
                                                            </button>
                                                            <button type="button" class="back btn btn-sm btn-default"
                                                                style="display:none;">
                                                                <span class="glyphicon glyphicon-remove"> </span>
                                                            </button>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                        <div class="page">
                                            <div class="nextPage btn btn-info">下一页</div>
                                            <div class="beforePage btn btn-info">上一页</div>
                                            <div class="lastPage btn btn-info">最后一页</div>
                                            <ul class=""></ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="biaodan">
                        <div class="htmleaf-container">
                            <div class="">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="table-responsive">
                                            <table class="table table-bordered table-striped table-hover" id="mytable3">
                                                <thead>
                                                    <tr>
                                                        <td><label for="Uall"><input type="checkbox"></label></td>
                                                        <td>姓名</td>
                                                        <td>身份证号</td>
                                                        <td>联系方式</td>
                                                        <td>辖区</td>
                                                        <td>用户类型</td>
                                                        <td>申请状况</td>
                                                        <td>操作</td>

                                                    </tr>
                                                </thead>
                                                <tbody>
                                                    <tr>
                                                        <td><input type="checkbox"></td>
                                                        <td>NHQ15302</td>
                                                        <td>西樵镇数据采集08231141</td>
                                                        <td>西樵镇-上进欧村-鱼塘-150</td>
                                                        <td>西樵镇</td>
                                                        <td>上进欧村</td>
                                                        <td>3.3597</td>

                                                        <td class="text-primary">
                                                            <button class="btn btn-warning">确认</button>
                                                            <button class="btn btn-info">取消</button>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td><input type="checkbox"></td>
                                                        <td>NHQ15302</td>
                                                        <td>西樵镇数据采集08231141</td>
                                                        <td>西樵镇-上进欧村-鱼塘-150</td>
                                                        <td>西樵镇</td>
                                                        <td>上进欧村</td>
                                                        <td>3.3597</td>

                                                        <td class="text-primary">
                                                            <button class="btn btn-warning">确认</button>
                                                            <button class="btn btn-info">取消</button>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <div class="page">
                                                <div class="nextPage btn btn-info">下一页</div>
                                                <div class="beforePage btn btn-info">上一页</div>
                                                <div class="lastPage btn btn-info">最后一页</div>
                                                <ul class=""></ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog"></div>
    </div>

    <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.min.js" type="text/javascript"></script>
    <script src="http://cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
    <script src="./js/bootsnav.js"></script>
    <script src="./js/tab.js"></script>
    <script src="./js/modal-box.js"></script>
    <script src="./bootstrap-3.4.1-dist/js/bootstrapValidator.min.js"></script>
    <script src="dist/js/vendor/dependencies.js"></script>
    <script src="./js/modal-box.js"></script>
    <script>

        getLonger('.sureName input', '.sureName span', 8, 10)
        getLonger('.sureName2 input', '.sureName2 span', 130, 9)
        getLonger('.sureName3 input', '.sureName3 span', 30, 9)
        getLonger('.sureName4 input', '.sureName4 span', 11, 9)
        getLonger('.sureName5 input', '.sureName5 span', 18, 3)

        tables('#mytable', `<tr>
<td><input type="checkbox"></td>
<td><input type="text" class="form-control" value=" "> </td>
<td><input type="text" class="form-control" value=" "> </td>
<td><input type="text" class="form-control" value=" "></td>
<td><input type="text" class="form-control" value=" "> </td>											
<td> <input type="text" class="form-control" value=" "></td>
<td><input type="text" class="form-control" value=" "> </td>
<td class="text-primary">
    <div class="btn-group ">
    <button type="button" class="btn btn-sm btn-default amend">
    <span class="glyphicon glyphicon-pencil" > </span>
    </button>
    <button type="button" class="delet btn btn-sm btn-default">
    <span class="glyphicon glyphicon-trash" > </span>
    </button>
    <button type="button" class="sure btn btn-sm btn-default" style="display:none;">
    <span class="glyphicon glyphicon-ok" > </span>
    </button>
    <button type="button" class="back btn btn-sm btn-default" style="display:none;">
    <span class="glyphicon glyphicon-remove" > </span>
    </button>
    </div>
</td>
</tr>`)
        tables('#mytable2', `<tr>
       <td><input type="text" class="form-control" value=" "></td>
       <td><input type="text" class="form-control" value=" "></td>
       <td><input type="text" class="form-control" value=" "></td>
       <td><input type="text" class="form-control" value=" "></td>
       <td><input type="text" class="form-control" value=" "></td>											
       <td><input type="text" class="form-control" value=" "></td>       
       <td class="text-primary">查看 
           <div class="btn-group ">
           <button type="button" class="btn btn-sm btn-default amend">
           <span class="glyphicon glyphicon-pencil" > </span>
           </button>
           <button type="button" class="delet btn btn-sm btn-default">
           <span class="glyphicon glyphicon-trash" > </span>
           </button>
           <button type="button" class="sure btn btn-sm btn-default" style="display:none;">
           <span class="glyphicon glyphicon-ok" > </span>
           </button>
           <button type="button" class="back btn btn-sm btn-default" style="display:none;">
           <span class="glyphicon glyphicon-remove" > </span>
           </button>
           </div>
       </td>
   </tr>`)

        $('#mytable3').on('click', '.btn-warning', function () { $(this).html('审核通过').css({ "background": "green", "border": "none" }).siblings().hide() })
        $('#mytable3').on('click', '.btn-info', function () { $(this).html('审核失败').css({ "background": "red", "border": "none" }).siblings().hide() })
        magementx('.newmage', '.newselect', '.newusers')

    </script>
</body>

</html>